<template>
  <!-- 封装input输入框 -->
  <div class="vv">
    <!-- <slot name="cc"></slot>
      <input type="text" placeholder="请输入内容">
      <slot name="cv"></slot> -->
    <div class="text">{{ obj.text }}</div>
    <div class="images" v-if="obj.images.length === 3">
      <img
        class="img"
        v-for="(item, index) in obj.images"
        :key="index"
        :src="obj.images[index]"
      />
    </div>
    <div class="images" v-if="obj.images.length === 1">
      <img
        class="img"
        v-for="(item, index) in obj.images"
        :key="index"
        :src="obj.images[0]"
      />
    </div>
    <router-view />
  </div>
</template>

<script>
export default {
  // name: "Hh",
  data() {
    return {
      // userId: "",
    };
  },
  methods: {},
  props: {
    obj: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style scoped lang="less">
</style>